<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../font-awesome-4.7.0/reset.css">
    <link rel="stylesheet" href="../css/my.css">
    <title>我的</title>
</head>
<body>
<!--------总容器-------->
<div class="upper">
    <!--------头部-------->
    <div class="header">
        <h1>我的</h1>
    </div>
    <!--------用户信息-------->
    <div class="user-info">
        <p>张三</p>
        <p>4738**********7543</p>
    </div>
    <!--------功能分类-------->
    <ul>
        <li>
            <div class="all-function-style">
                <img src="../font-awesome-4.7.0/font-awesome-4.7.0/pictures/23.jpg" onclick="location.href='myinfo.html'"/>
                <p onclick="location.href='myinfo.html'">我的信息</p>
            </div>
            <p>></p>
        </li>
        <hr style="color:#f4f3f8">
        <li>
            <div class="all-function-style">
                <img src="../font-awesome-4.7.0/font-awesome-4.7.0/pictures/24.jpg"/>
                <p>账号与安全</p>
            </div>
            <p>></p>
        </li>
        <hr style="color: #f4f3f8">
        <li>
            <div class="all-function-style">
                <img src="../font-awesome-4.7.0/font-awesome-4.7.0/pictures/25.jpg"/>
                <p>邮寄地址</p>
            </div>
            <p>></p>
        </li>
        <div class="line"></div>
        <li>
            <div class="all-function-style">
                <img src="../font-awesome-4.7.0/font-awesome-4.7.0/pictures/26.jpg"/>
                <p>咨询反馈</p>
            </div>
            <p>></p>
        </li>
        <div class="line"></div>
        <li>
            <div class="all-function-style">
                <img src="../font-awesome-4.7.0/font-awesome-4.7.0/pictures/27.jpg"/>
                <p>设置</p>
            </div>
            <p>></p>
        </li>
    </ul>
    <!--------底部-------->
    <ul class="bottom">
        <li>
            <img src="../font-awesome-4.7.0/font-awesome-4.7.0/pictures/17.jpg"/>
            <p>首页</p>
        </li>
        <li>
            <img src="../font-awesome-4.7.0/font-awesome-4.7.0/pictures/18.jpg"/>
            <p>网办进度</p>
        </li>
        <li>
            <div class="bottom-icon">
                <img src="../font-awesome-4.7.0/font-awesome-4.7.0/pictures/19.jpg"/>
                <p>网办大厅</p>
            </div>
        </li>
        <li>
            <img src="../font-awesome-4.7.0/font-awesome-4.7.0/pictures/20.jpg"/>
            <p>线下网点</p>
        </li>
        <li>
            <img src="../font-awesome-4.7.0/font-awesome-4.7.0/pictures/21.jpg"/>
            <p>我的</p>
        </li>
    </ul>
</div>
</body>
</html>